
@c-blue: #0095eb;

@c-black-125: rgba(0,0,0,0.125);
@c-black-3: rgba(0,0,0,0.03);

@c-white-100: rgba(255, 255, 255, 1);


//自定义宽高
.w-h(@width: 100%, @height: 100%){
  width: @width;
  height: @height;
}

//水平垂直居中
.pos-center(){
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

//平移变化
.transform-translate(@x: 0, @y: 0){
  -webkit-transform: translate(@x, @y);
  -moz-transform: translate(@x, @y);
  -ms-transform: translate(@x, @y);
  -o-transform: translateX(@x);
}

//旋转变化
.transform-rotate(@deg: 0){
  -webkit-transform: rotate(@deg);
  -moz-transform: rotate(@deg);
  -ms-transform: rotate(@deg);
  -o-transform: rotate(@deg);
}
//字体缩放
.transform-scale( @num: 1 ){
  -webkit-transform: scale(@num);
  -o-transform: scale(@num);
  -moz-transform: scale(@num);
  -ms-transform: scale(@num);
}
//字体缩放
.fit-content(){
  width: fit-content;
  width: -moz-fit-content;
}

.font-16{
  font-size: 16px;
}
.font-18{
  font-size: 18px;
}
.font-20{
  font-size: 20px;
}
.h-100{
  height: 100%;
}

//加粗
.bold{
  font-weight: bold;
}
.inline-block{
  display: inline-block;
}
.float-r{
  float: right;
}
//加下划线
.underline{
  text-decoration: underline;
}
//超出省略
.over-ellipsis{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clearfloat{
  clear:both;
  display: table;
  height:0;
  font-size: 1px;
  line-height: 0px;
}

//比例布局
.display-flex(@direction: "column"){
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-direction: @direction;
  -webkit-flex-direction: @direction;
  -moz-flex-direction: @direction;
}
.flex(@n: 1){
  flex: @n;
  -webkit-flex: @n;
  -moz-flex: @n;
}





